<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>uupaa-excanvas.js - Reference</title>
<style type="text/css">@import url(./README.css);</style>
<script type="text/javascript" src="uupaa-excanvas.js"></script>
</head>
<body>
<p>
   | <a href="http://code.google.com/p/uupaa-js-spinoff/">Project Home(Google Code)</a>
   | <a href="./README.htm">README</a>
   | <a href="./DEMO.htm">DEMO</a>
   | <a href="./CLASS.htm">Reference</a> |<br />
   | <a href="./CHANGELOG.htm">ChangeLog</a>
   | <a href="./LICENSE.htm">License</a>
   | <a href="http://uupaa-js.googlecode.com/svn/trunk/GLOSSARY.htm">Glossary</a>
   |
</p>

<hr />
|
<a href="#uuCanvas">uuCanvas</a> |
<a href="#uuCanvas_Non-standard_property">uuCanvas Non-standard Property and Methods</a> |
<a href="#uuCanvas.Layer">uuCanvas.Layer</a> |
<a href="#uuCanvas.Color">uuCanvas.Color</a> |

<hr />
<h2><a name="uuCanvas">uuCanvas</a></h2>
<p>HTML5::Canvas 互換機能を提供します。</p>

<hr />

<dl>

<!-- -->
  <dt><a name="uuCanvas.init">uuCanvas.init</a></dt>
  <dd>
    <p>uuCanvas.init(<i>canvas</i>, <i>vml</i> = false) は、動的に生成された <i>canvas</i> 要素を初期化します。
       <i>vml</i> に true を指定した場合は、VML でレンダリングするように初期化を行います。
    </p>
    <p>IE 以外のブラウザなら CanvasRenderingContext2D でレンダリングするように初期化を行います。</p>
<pre>
@param HTMLCanvasElement canvas - createElement("canvas")で動的に生成した(初期化が完了していない)キャンバス要素を指定します。
@param Boolean           [vml]  - VML でレンダリングする場合に true を指定します。デフォルトは false です。
                                  false を指定し Silverlight がインストールされている場合は、
                                  Silverlight でレンダリングします。
                                  Silverlight が未インストールなら false を指定した場合でも VML でレンダリングします。
</pre>
    <p>HTMLファイルに埋め込まれた(静的な) canvas 要素を
       VML でレンダリングするよう指示するには class="vml" を指定します。</p>
    <p>Silverlight と VML は共存可能です。</p>
<pre class="eg">
&lt;body&gt;
&lt;canvas width="300" height="300"&gt;&lt;/canvas&gt; &lt;!-- Silverlight でレンダリング --&gt;
&lt;canvas <b>class="vml"</b> width="300" height="300"&gt;&lt;/canvas&gt; &lt;!-- 強制的に VML でレンダリング --&gt;
&lt;/body&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.ready">uuCanvas.ready</a></dt>
  <dd>
    <p>uuCanvas.ready(<i>fn</i>) は レンダリングが可能になったタイミングで <i>fn</i> をコールバックします。
    </p>
    <p>ブラウザ毎に判断が異なります。</p>
    <ul>
      <li><img src="http://uupaa-js.googlecode.com/svn/trunk/img/o32.png" alt="" />Opera - window.onload のタイミングでレンダリング可能になります。</li>
      <li><img src="http://uupaa-js.googlecode.com/svn/trunk/img/s32.png" alt="" /><img src="http://uupaa-js.googlecode.com/svn/trunk/img/c32.png" alt="" />WebKit - document.readyState が "loaded" または "complete" になったタイミングでレンダリング可能になります。</li>
      <li><img src="http://uupaa-js.googlecode.com/svn/trunk/img/f32.png" alt="" />Gecko - document.DOMContentLoaded イベントが発生したタイミングでレンダリング可能になります。</li>
      <li><img src="http://uupaa-js.googlecode.com/svn/trunk/img/i32.png" alt="" />IE - document.readyState が "loaded" または "complete" で、全ての &lt;canvas&gt; 要素の初期化完了でレンダリング可能になります。</li>
    </ul>
    <p>上記以外のブラウザでは、デッドロックを回避するため「常にレンダリング可能」として判断し、即座に <i>fn</i> をコールします。</p>
<pre>
@param Function fn - ページ上の全ての canvas 要素が使用可能になったタイミングでコールバックする関数を指定します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.already">uuCanvas.already</a></dt>
  <dd>
    <p>uuCanvas.already() は ページ上の全ての <i>canvas</i> が使用可能なら true を返します。
    </p>
<pre>
@return Boolean - ページ上の全ての canvas 要素が使用可能なら true を返します。
</pre>
  </dd>
</dl>

<hr />
<h2><a name="uuCanvas_Non-standard_property">uuCanvas Non-standard Properties</a> - 非標準のプロパティ</h2>
<p>HTML5::Canvas の仕様にないプロパティの一覧です。
<br />期待したレンダリング結果が得られない場合に、以下の値を調整することで回避可能な場合があります。</p>
<table>
<tr><th>Name</th><th>Type</th><th>Default Value</th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/c32.png" alt="" /></th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/s32.png" alt="" /></th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/i32.png" alt="" /><br />SL</th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/i32.png" alt="" /><br />VML</th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/o32.png" alt="" /></th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/f32.png" alt="" /></th>
    <th>Note</th></tr>
<tr><td>xMissColor    </td><td>String </td><td>"#000000"</td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>-</td>
    <td>VML, Silverlight, Opera9.5+ で、サポートしていない機能/機能の組み合わせ使用した場合に、使用される色を指定します。
         <br />以下のケースでxMissColorが使用されます。
         <ul>
            <li>VML: stroke() + linear gradient</li>
            <li>VML: stroke() + radial gradient</li>
            <li>VML: fillText() + pattern</li>
            <li>VML: fillText() + linear gradient</li>
            <li>VML: fillText() + radial gradient</li>
            <li>VML: strokeText() + pattern</li>
            <li>VML: strokeText() + linear gradient</li>
            <li>VML: strokeText() + radial gradient</li>
            <li>Opera9.5+: fillText() + pattern</li>
            <li>Opera9.5+: fillText() + linear gradient</li>
            <li>Opera9.5+: fillText() + radial gradient</li>
         </ul>
         </td></tr>
<tr><td>xClipStyle    </td><td>String </td><td>canvas 要素の背景色</td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>-</td>
    <td>-</td>
    <td>clip() で使用する塗りつぶし用のカラーを文字列で指定します。
      <br />デフォルトは canvas 要素の背景色で塗りつぶします。</td></tr>
<tr><td>xTiling       </td><td>Number </td><td>1 (true) </td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td>createPattern() で読み込まれた画像を敷き詰める(タイリングする)場合に1を指定します。デフォルトは1です。
         <br />0を指定するとソフトウェアによるタイリング機能が OFF になります。パフォーマンスを向上するには、0を指定し、タイリング済みのより大きな画像を createPattern() に指定します。
         <br />Silverlight が タイリング機能を持たないため、小さな画像をタイリングすると速度が大幅に犠牲になる場合があります。</td></tr>
<tr><td>xShadowBlur   </td><td>Number </td><td>Silverlight3がインストールされていれば1<br />それ以外なら0</td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td>Silverlight3で導入された、shadowBlur互換機能を使用する場合に1を指定します。
        <br />Silverlight3がインストールされた環境で、0を指定すると VML と同様の方法で影をレンダリングします。</td></tr>
<tr><td>xTextMarginTop</td><td>Number </td><td>1.3</td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>-</td>
    <td>-</td>
    <td>Silverlight と VML でテキストの上方向のマージンが違う場合に、VML のマージンを調整します。<br />通常は、0.8 から 1.8 までの値を指定します。</td></tr>
<tr><td>xAutoTextRender</td><td>Number</td><td>1</td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>Opera9.5+ と Firefox3. 0で、fillText() のレンダリング方法を指定します。
        <br />1 なら、SVG または mozText によるレンダリングを行います。テキストの回転や変形をサポートしますが、Operaで一部のフォントがレンダリングされません。
        <br />0 なら、HTML(テキストノード)によるレンダリングを行います。テキストの回転や変形はサポートしませんが、Operaで問題が発生しません。</span>
    </td></tr>
<tr><td>xFlyweight</td><td>Number </td><td>0</td>
    <td>-</td>
    <td>-</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>-</td>
    <td>-</td>
    <td>描画速度とメモリ使用量の軽減が必要な場合に1を指定します。
    <br />0 なら、drawImage(canvas) と clip() が使用可能になります。
    <br />1 なら、drawImage(canvas) と clip() が使用不能になります。描画速度の向上とメモリ使用量の軽減が行われます。
    </td></tr>
</table>

<hr />
<h2><a name="uuCanvas_Non-standard_methos">uuCanvas Non-standard Methods</a> - 非標準のメソッド</h2>
<p>HTML5::Canvas の仕様にないメソッドの一覧です。</p>
<table>
<tr><th>Name</th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/c32.png" alt="" /></th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/s32.png" alt="" /></th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/i32.png" alt="" /><br />SL</th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/i32.png" alt="" /><br />VML</th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/o32.png" alt="" /></th>
    <th><img src="http://uupaa-js.googlecode.com/svn/trunk/img/f32.png" alt="" /></th>
    <th>Note</th></tr>
<tr><td><a name="firefox3_shadow_bug">setShadow</a>(color, offsetX, offsetY, blur)</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>Firefox3.0 に shadowColor, shadowOffsetX, shadowOffsetY, shadowBlur の値を保持しないバグがあるため、
        これらのプロパティに安全に値を設定する代替手段を提供します。
        <br /><a href="demo/9_1_canvas_shadow_text.html">使用例</a>
    </td></tr>
<tr><td>getShadow()</td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td><img src="http://uupaa-js.googlecode.com/svn/trunk/img/check.png" alt="v" /></td>
    <td>Firefox3.0 に shadowColor, shadowOffsetX, shadowOffsetY, shadowBlur の値を保持しないバグがあるため、
        これらのプロパティの代わりに値を取得する手段を提供します。
        <br />getShadow() は、Hash( { shadowColor, shadowOffsetX, shadowOffsetY, shadowBlur } ) を返します。
    </td></tr>
</table>




<hr />
<h2><a name="uuCanvas.Layer">uuCanvas.Layer</a></h2>
<p>複数の canvas をレイヤー構造化し取り扱いを簡単にします。</p>
<p>uuCanvas.Layer には カレントコンテキストと、コンテキストスタック という機能があります。
  <br />カレントコンテキストは現在利用可能な CanvasRenderingContext2D を保持する機能で、
  コンテキストスタックは複数の CanvasRenderingContext2D をスタックで管理する機能です。</p>
<p>複数のレイヤーに描画するには、push() と pop() を使用し、カレントコンテキストを切り替えて描画を行います。
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.addCanvas("A").addCanvas("B").addCanvas("C").show();
<u>// この時点のカレントコンテキストは "C", コンテキストスタックは空</u>
uuCanvas.ready(function() {
  view.<b>push("A")</b>; <u>// push()実行後のカレントコンテキストは "A", コンテキストスタックは ["C"]</u>
  view.arc(100, 100, 50); <u>// レイヤー "A" の x: 100, y: 100 に r: 50 の円を描画する</u>
  view.<b>push("B")</b>; <u>// push()実行後のカレントコンテキストは "B", コンテキストスタックは ["C", "A"]</u>
  view.arc(120, 120, 50); <u>// レイヤー "B" の x: 120, y: 120 に r: 50 の円を描画する</u>
  view.<b>pop()</b>; <u>// pop()実行後のカレントコンテキストは "A", コンテキストスタックは ["C"]</u>
  view.<b>pop()</b>; <u>// pop()実行後のカレントコンテキストは "C", コンテキストスタックは空</u>
});
&lt;/script&gt;
</pre>

<hr />
<!-- -->
<dl>
  <dt><a name="uuCanvas.Layer">uuCanvas.Layer</a> - initialize - 初期化</dt>
  <dd>
    <p>uuCanvas.Layer(<i>view</i> = document.body, <i>width</i> = 300, <i>height</i> = 150) は、
        ビューノード(レイヤーの入れ物となるノード)(<i>view</i>) 要素を受け取り、uuCanvas.Layer インスタンスを生成します。
    </p>
<pre>
@param Node view - ビューノードを指定します。
@param Number [w] - レイヤーの幅を指定します。デフォルトは300です。
@param Number [h] - レイヤーの高さを指定します。デフォルトは150です。
</pre>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = <b>new uuCanvas.Layer</b>(document.getElementById("view"), 300, 150);
&lt;/script&gt;
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.setPresetData">uuCanvas.Layer.setPresetData</a> - set preset data</dt>
  <dd><p>uuCanvas.Layer.setPresetData(<i>name</i>, <i>hash</i>) は、
      プリセットデータを設定します。</p>
<pre>
@param String name - プリセット名を指定します。
@param Hash hash   - プリセットデータを指定します。
@return this       - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.addNode">uuCanvas.Layer.addNode</a> - add div layer</dt>
  <dd>
    <p>uuCanvas.Layer.addNode(<i>id</i>, <i>width</i> = view width, <i>height</i> = view width) は
        div ノードをレイヤーに追加します。
       <br />レイヤーは非表示の状態でビューに追加されます。レイヤーを表示するには show() を実行します。
    </p>
<pre>
@param String id - ユニークなレイヤーIDを指定します。
@param Number [width] - レイヤーの幅を指定します。デフォルトは、uuCanvas.Layer で指定した幅です。
@param Number [height] - レイヤーの高さを指定します。デフォルトは、uuCanvas.Layer で指定した高さです。
@return this - this を返します。
</pre>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.<b>addNode("a")</b>;
&lt;/script&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.addCanvas">uuCanvas.Layer.addCanvas</a> - add canvas layer</dt>
  <dd>
    <p>uuCanvas.Layer.addCanvas(<i>id</i>, <i>width</i> = view width, <i>height</i> = view width) は canvas ノードをレイヤーに追加します。
       <br />カレントコンテキストを上書します。コンテキストスタックは変化しません。
       <br />レイヤーは非表示の状態でビューに追加されます。レイヤーを表示するには show() を実行します。
    </p>
<pre>
@param String id - ユニークなレイヤーIDを指定します。
@param Number [width] - レイヤーの幅を指定します。デフォルトは、uuCanvas.Layer で指定した幅です。
@param Number [height] - レイヤーの高さを指定します。デフォルトは、uuCanvas.Layer で指定した高さです。
@return this - this を返します。
</pre>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.<b>addCanvas("a").addCanvas("b")</b>;
&lt;/script&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.addVMLCanvas">uuCanvas.Layer.addVMLCanvas</a> - add VML canvas layer</dt>
  <dd>
    <p>uuCanvas.Layer.addVMLCanvas(<i>id</i>, <i>width</i> = view width, <i>height</i> = view width) は VML canvas ノードをレイヤーに追加します。
       <br />カレントコンテキストを上書します。コンテキストスタックは変化しません。
       <br />レイヤーは非表示の状態でビューに追加されます。レイヤーを表示するには show() を実行します。
       <br />IE 以外の環境では addCanvas と同じ結果になります。
    </p>
<pre>
@param String id - ユニークなレイヤーIDを指定します。
@param Number [width] - レイヤーの幅を指定します。デフォルトは、uuCanvas.Layer で指定した幅です。
@param Number [height] - レイヤーの高さを指定します。デフォルトは、uuCanvas.Layer で指定した高さです。
@return this - this を返します。
</pre>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.<b>addVMLCanvas("a").addVMLCanvas("b")</b>;
&lt;/script&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.remove">uuCanvas.Layer.remove</a> - remove layer</dt>
  <dd>
    <p>uuCanvas.Layer.remove(<i>id</i>) は レイヤーを削除します。
    </p>
<p><a href="javascript:var view = new uuCanvas.Layer(document.getElementById('view'), 300, 150);view.addCanvas('a').remove('a');void 0" class="run">RUN</a>
<pre>
@param String id - レイヤーIDを指定します。
@return this - this を返します。
</pre>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.addCanvas("a").<b>remove("a")</b>;
&lt;/script&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.node">uuCanvas.Layer.node</a> - refer layer node</dt>
  <dd>
    <p>uuCanvas.Layer.node(<i>id</i>) は レイヤーノードの参照を返します。
    </p>
<pre>
@param String id - レイヤーIDを指定します。
@return Node - ノードの参照を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.size">uuCanvas.Layer.size</a> - get layer size</dt>
  <dd>
    <p>uuCanvas.Layer.size() は レイヤー数を返します。
    </p>
<pre>
@return Number - レイヤー数を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.front">uuCanvas.Layer.front</a> - get front layer element</dt>
  <dd>
    <p>uuCanvas.Layer.front() は 最前面に位置するレイヤーのIDを返します。
    </p>
<pre>
@return String - レイヤーIDを返します。
</pre>
<p><a href="javascript:var view = new uuCanvas.Layer(document.getElementById('view'), 300, 150);view.addCanvas('a').addCanvas('b');view.node('a').style.zIndex = 1;view.node('b').style.zIndex = 2;alert(view.front());void 0" class="run">RUN</a>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.addCanvas("a").addCanvas("b");
view.node("a").style.zIndex = 1;
view.node("b").style.zIndex = 2;
alert(view.<b>front()</b>);
&lt;/script&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.rear">uuCanvas.Layer.rear</a> - get rear layer element</dt>
  <dd>
    <p>uuCanvas.Layer.rear() は 最背面に位置するレイヤーのIDを返します。
    </p>
<pre>
@return String - レイヤーIDを返します。
</pre>
<p><a href="javascript:var view = new uuCanvas.Layer(document.getElementById('view'), 300, 150);view.addCanvas('a').addCanvas('b');view.node('a').style.zIndex = 1;view.node('b').style.zIndex = 2;alert(view.rear());void 0" class="run">RUN</a>
<pre class="eg">
&lt;div id="view"&gt;&lt;/div&gt;
&lt;script&gt;
var view = new uuCanvas.Layer(document.getElementById("view"), 300, 150);
view.addCanvas("a").addCanvas("b");
view.node("a").style.zIndex = 1;
view.node("b").style.zIndex = 2;
alert(view.<b>rear()</b>);
&lt;/script&gt;
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.show">uuCanvas.Layer.show</a> - show layer</dt>
  <dd>
    <p>uuCanvas.Layer.show(<i>id</i> = "") は レイヤーを表示します。
    </p>
<pre>
@param String [id] - 表示するレイヤーをレイヤーIDで指定します。デフォルトは 空文字列( "" ) です。
                     "" を指定すると全てのレイヤーを表示します。
@return this - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.hide">uuCanvas.Layer.hide</a> - hide layer</dt>
  <dd>
    <p>uuCanvas.Layer.hide(<i>id</i> = "") は レイヤーを非表示にします。
    </p>
<pre>
@param String [id] - 非表示にするレイヤーをレイヤーIDで指定します。デフォルトは 空文字列( "" ) です。
                     "" を指定すると全てのレイヤーを非表示にします。
@return this - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.pos">uuCanvas.Layer.pos</a> - set absolute/relative layer position</dt>
  <dd>
    <p>uuCanvas.Layer.pos(<i>id</i> = "", <i>x</i>, <i>y</i>, <i>diff</i> = false) は レイヤーを移動します。
    </p>
<pre>
@param String [id] - レイヤーIDを指定します。デフォルトは 空文字列( "" ) です。
                     "" を指定すると全てのレイヤーを移動します。
@param Number x - x 座標を指定します。
@param Number y - y 座標を指定します。
@param Boolean [diff] - 絶対座標指定をする場合に ture を、相対座標指定する場合に false を指定します。
                        デフォルトは true です。
@return this - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.getOpacity">uuCanvas.Layer.getOpacity</a> - get layer opacity value(from 0.0 to 1.0)</dt>
  <dd>
    <p>uuCanvas.Layer.getOpacity(<i>id</i>) は レイヤーの不透明度を取得します。
    </p>
<pre>
@param String id - レイヤーIDを指定します。
@return Number - 不透明度を返します。値は 0.0 ～ 1.0 です。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.setOpacity">uuCanvas.Layer.setOpacity</a> - set layer opacity value(from 0.0 to 1.0)</dt>
  <dd>
    <p>uuCanvas.Layer.setOpacity(<i>id</i> = "", <i>opacity</i> = 1.0, <i>diff</i> = true) は レイヤーの不透明度を設定します。
    </p>
<pre>
@param String [id] - レイヤーIDを指定します。デフォルトは 空文字列( "" ) です。
                     "" を指定すると全てのレイヤーの不透明度を設定します。
@param Number [opacity] - 不透明度を 0.0 ～ 1.0 の値で指定します。
                          デフォルトは 1.0 です。
@param Boolean [diff] - 絶対値指定をする場合に ture を、相対値指定する場合に false を指定します。
                        デフォルトは true です。
@return this - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.push">uuCanvas.Layer.push</a> - push current context</dt>
  <dd>
    <p>uuCanvas.Layer.push(<i>id</i>) は、カレントコンテキストをコンテキストスタックの最後に保存し、
       <i>id</i> で指定されたレイヤーをカレントコンテキストに設定します。
    </p>
<pre>
@param String id - レイヤーIDを指定します。
@return this - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.ctx">uuCanvas.Layer.ctx</a> - refer current context</dt>
  <dd>
    <p>uuCanvas.Layer.ctx() は カレントコンテキストの参照を返します。
    </p>
<pre>
@return CanvasRenderingContext2D/undefined - カレントコンテキストの参照を返します。
                                             カレントコンテキストが存在しない場合は undefined を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.pop">uuCanvas.Layer.pop</a> - pop current context</dt>
  <dd>
    <p>uuCanvas.Layer.pop() は、コンテキストスタックの最後から、カレントコンテキストを取り出し、復元します。
       スタックが空の場合は、このメソッドは何もしません。
    </p>
<pre>
@return this - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.setAlpha">uuCanvas.Layer.setAlpha</a> - set globalAlpha</dt>
  <dd><p>uuCanvas.Layer.setAlpha(<i>alpha</i>) は、カレントコンテキストに globalAlpha プロパティの値を設定します。</p>
<pre>
@param Number alpha
@return this               - this を返します。
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.setFill">uuCanvas.Layer.setFill</a> - set fillStyle</dt>
  <dd><p>uuCanvas.Layer.setFill(<i>style</i>) は、カレントコンテキストに fillStyle プロパティの値を設定します。</p>
<pre>
@param String/Object style
@return this               - this を返します。
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.setStroke">uuCanvas.Layer.setStroke</a> - set strokeStyle</dt>
  <dd><p>uuCanvas.Layer.setStroke(<i>style</i>) は、カレントコンテキストに strokeStyle プロパティの値を設定します。</p>
<pre>
@param String/Object style
@return this               - this を返します。
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.setLine">uuCanvas.Layer.setLine</a> - set line style</dt>
  <dd><p>uuCanvas.Layer.setLine(<i>width</i> = undefined, <i>cap</i> = undefined, <i>join</i> = undefined, <i>limi</i> = undefined) は、
        カレントコンテキストに lineWidth, lineCap, lineJoin, miterLimit プロパティの値を設定します。</p>
<pre>
@param Number [width] - lineWidth を指定します。省略可能です。
@param String [cap] - lineCap を指定します。省略可能です。
@param String [join] - lineJoin を指定します。省略可能です。
@param Number [limit] - miterLimit を指定します。省略可能です。
@return this               - this を返します。
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.setShadow">uuCanvas.Layer.setShadow</a> - set shadow style</dt>
  <dd><p>uuCanvas.Layer.setShadow(<i>color</i> = undefined, <i>offsetX</i> = undefined, <i>offsetY</i> = undefined, <i>blur</i> = undefined) は、
        カレントコンテキストに shadowColor, shadowOffsetX, shadowOffsetY, shadowBlur プロパティの値を設定します。</p>
<pre>
@param ColorString [color] - shadowColor を指定します。省略可能です。
@param Number [offsetX]    - shadowOffsetX を指定します。省略可能です。
@param Number [offsetY]    - shadowOffsetY を指定します。省略可能です。
@param Number [blur]       - shadowBlur を指定します。省略可能です。
@return this               - this を返します。
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.setText">uuCanvas.Layer.setText</a> - set text style</dt>
  <dd><p>uuCanvas.Layer.setText(<i>font</i> = undefined, <i>align</i> = undefined, <i>baseline</i> = undefined) は、
        カレントコンテキストに font, textAlign, textBaseline プロパティの値を設定します。</p>
<pre>
@param CSSFontString [font]
@param String [align]
@param String [baseline]
@return this               - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.set">uuCanvas.Layer.set</a> - set style - スタイルを指定</dt>
  <dd><p>uuCanvas.Layer.set(<i>style</i>) は、カレントコンテキストの描画スタイルを設定します。</p>
<pre>
@param StyleNameHash style - StyleNameHash( { StyleName: value, ... } )を指定します。
                             StyleName には HTML5::Canvas 標準のスタイル名を指定します。
@return this               - this を返します。
</pre>
      <table>
      <tr><th>StyleName</th><th>Type</th><th>Default value</th><th>Note</th></tr>
      <tr><td>globalAlpha</td><td>Number</td><td>1.0</td><td>キャンバス全体の不透明度(0.0～1.0)を指定</td></tr>
      <tr><td>fillStyle</td><td style="text-align: center">ColorString<br />or CanvasGradient<br />or CanvasPattern</td><td>"black"</td><td>塗りつぶす色,グラデーション,画像パターンを指定</td></tr>
      <tr><td>strokeStyle</td><td style="text-align: center">ColorString<br />or CanvasGradient<br />or CanvasPattern</td><td>"black"</td><td>線の色,グラデーション,画像パターンを指定</td></tr>
      <tr><td>lineWidth</td><td>Number</td><td>1</td><td>線の太さを指定</td></tr>
      <tr><td>lineCap</td><td>String</td><td>"butt"</td><td>線の終端方法を指定<br />"butt", "round", "square"</td></tr>
      <tr><td>lineJoin</td><td>String</td><td>"miter"</td><td>線と線のつなぎ方を指定<br />"round", "bevel", "miter"</td></tr>
      <tr><td>miterLimit</td><td>Number</td><td>10.0</td><td>太さを持つ線と線の接合点と線の外側までの距離を制限を指定<br />(接着部分のバリとり)</td></tr>
      <tr><td>shadowColor</td><td>ColorString</td><td>"rgba(0,0,0,0)"<br />(transparent black)</td><td>影の色を指定</td></tr>
      <tr><td>shadowOffsetX</td><td>Number</td><td>0</td><td>影のぼかしの水平方向に対するオフセットを指定</td></tr>
      <tr><td>shadowOffsetY</td><td>Number</td><td>0</td><td>影のぼかしの垂直方向に対するオフセットを指定</td></tr>
      <tr><td>shadowBlur</td><td>Number</td><td>0</td><td>影のぼかしを指定</td></tr>
      <tr><td>font</td><td>CSS font String</td><td>"10px sans-serif"</td><td>フォントの大きさ太さ,ファミリーを指定</td></tr>
      <tr><td>textAlign</td><td>String</td><td>"start"</td><td>テキストの水平方向の配置方法を指定<br />"start", "end", "left", "right", "center"</td></tr>
      <tr><td>textBaseline</td><td>String</td><td>"top"<br />(本来は"alphabetic")</td><td>テキストの垂直方向の位置あわせを指定<br />"top", "hanging", "middle", "alphabetic", "ideographic", "bottom"</td></tr>
      <tr><td>globalCompositeOperation</td><td>String</td><td>"source-over"</td><td>キャンバスの合成方法を指定
                                                    <br />"source-over", "source-in", "source-out", "source-atop",
                                                    <br />"destination-over", "destination-in", "destination-out", "destination-atop",
                                                    <br />"copy", "xor", "lighter", "darker"</td></tr>
      </table>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.get">uuCanvas.Layer.get</a> - get style - スタイルを取得</dt>
  <dd><p>uuCanvas.Layer.get(<i>style</i>) は、カレントコンテキストの描画スタイルを取得します。</p>
<pre>
@param StyleNameHash style - StyleNameHash( { StyleName: value, ... } )を指定します。
                             StyleName には HTML5::Canvas 標準のスタイル名を指定します。
@return StyleNameHash      - value に値を格納した Hash を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.clear">uuCanvas.Layer.clear</a> - clear rect - 矩形範囲のクリア</dt>
  <dd><p>uuCanvas.Layer.clear(<i>x</i> = 0, <i>y</i> = 0, <i>w</i> = canvas.width, <i>h</i> = canvas.height) は
        カレントコンテキストから、<i>x</i>, <i>y</i>, <i>w</i>, <i>h</i> で指定された矩形範囲をクリアします。
        全ての引数を省略すると、カレントコンテキストのキャンバス全体をクリアします。</p>
<pre>
@param Number [x] - x 座標を指定します。デフォルトは0です。
@param Number [y] - y 座標を指定します。デフォルトは0です。
@param Number [w] - 幅を指定します。デフォルトは canvas.width です。
@param Number [h] - 高さを指定します。デフォルトは canvas.height です。
@return this      - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.clearRect() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.scale">uuCanvas.Layer.scale</a> - scale -  拡大/縮小率を指定</dt>
  <dd><p>uuCanvas.Layer.scale(<i>w</i>, <i>h</i>) は、カレントコンテキストの 拡大縮小率を <i>w</i>, <i>h</i>で指定します。</p>
<pre>
@param Number w - 水平方向の拡大/縮小率を指定します。2を指定すると倍, 0.5を指定すると半分になります。
@param Number h - 垂直方向の拡大/縮小率を指定します。2を指定すると倍, 0.5を指定すると半分になります。
@return this    - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.scale() を呼び出すラッパーです。</p>
      <p>負の値を指定すると反転した状態で描画されます。</p>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.translate">uuCanvas.Layer.translate</a> - offset origin - 原点からのオフセットを指定</dt>
  <dd><p>uuCanvas.Layer.translate(<i>x</i>, <i>y</i>) は、カレントコンテキストの 原点(左上隅)からのオフセット値を <i>x</i>, <i>y</i> で指定します。</p>
<pre>
@param Number x - 原点からの x 座標のオフセット値を指定します。
@param Number h - 原点からの y 座標のオフセット値を指定します。
@return this    - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.translate() を呼び出すラッパーです。</p>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Layer.rotate">uuCanvas.Layer.rotate</a> - rotate - キャンバスを回転</dt>
  <dd><p>uuCanvas.Layer.rotate(<i>angle</i>) は、カレントコンテキストの キャンバスの回転角度を指定します。</p>
<pre>
@param Number/String angle - 回転角を数値または単位付の角度で指定します。
                             degree(0～359)で指定する場合は、"359deg" と指定します。
                             radian(0～6.283185307[2π])で指定する場合は、"6.283185307rad" と指定します。
                             数値を指定すると deg 単位の値として解釈します。
@return this               - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.rotate() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.begin">uuCanvas.Layer.begin</a> - beginPath + moveTo</dt>
  <dd><p>uuCanvas.Layer.begin(<i>x</i> = undefined, <i>y</i> = undefined) は、カレントコンテキストの サブパスを初期化し、新しいサブパスを開始します。</p>
      <p><i>x</i> または <i>y</i> のいずれかが指定された場合は、<a href="#uuCanvas.Layer.move">move</a>(<i>x</i>, <i>y</i>) を行います。
         <br />省略された引数は 0 が指定されたものとして扱います。
         両方省略した場合は move を呼び出しません。</p>
<pre>
@param Number [x] - 移動先の x 座標を指定します。デフォルトは undefined です。
@param Number [y] - 移動先の y 座標を指定します。デフォルトは undefined です。
@return this      - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.beginPath(), CanvasRenderingContext2D.moveTo() 相当の機能を併せ持つコンビニエンスメソッドです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.move">uuCanvas.Layer.move</a> - moveTo</dt>
  <dd><p>uuCanvas.Layer.move(<i>x</i>, <i>y</i>) は、カレントコンテキストの サブパスの終点を <i>x</i>, <i>y</i> に移動します。</p>
<pre>
@param Number x - 移動先の x 座標を指定します。
@param Number y - 移動先の y 座標を指定します。
@return this    - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.moveTo() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.line">uuCanvas.Layer.line</a> - lineTo</dt>
  <dd><p>uuCanvas.Layer.line(<i>x</i>, <i>y</i>) は、カレントコンテキストの サブパスの終点から <i>x</i>, <i>y</i> に直線を引き、サブパスの終点を移動します。</p>
<pre>
@param Number x - 移動先の x 座標を指定します。
@param Number y - 移動先の y 座標を指定します。
@return this    - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.lineTo() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.arc">uuCanvas.Layer.arc</a> - arc</dt>
  <dd><p>uuCanvas.Layer.arc(<i>x</i>, <i>y</i>, <i>r</i>, <i>a0</i> = "0deg", <i>a1</i> = "359deg", <i>clock</i> = true) は、
      カレントコンテキストの サブパスの終点から 円弧の始点まで直線を引き、<i>x</i>, <i>y</i> を中心とする 半径 <i>r</i> の円弧を、サブパスに追加し、サブパスの終点を移動します。</p>
      <p>円弧の始点は <i>a0</i> で指定し、終点は <i>a1</i> で指定します。
          <i>clock</i> に false を指定すると反時計周りに書かれた円弧をサブパスに追加します。</p>
<pre>
@param Number x           - 円弧の中心 x を指定します。
@param Number y           - 円弧の中心 y を指定します。
@param Number r           - 半径を 1 以上の値で指定します。
@param Number/String [a0] - 円弧の始点を数値または単位付の角度で指定します。デフォルトは "0deg" です。
                            degree(0～359)で指定する場合は、"359deg" と指定します。
                            radian(0～6.283185307[2π])で指定する場合は、"6.283185307rad" と指定します。
                            数値を指定すると deg 単位の値として解釈します。
@param Number/String [a1] - 円弧の終点を数値または単位付の角度で指定します。デフォルトは "359deg" です。
                            degree(0～359)で指定する場合は、"359deg" と指定します。
                            radian(0～6.283185307[2π])で指定する場合は、"6.283185307rad" と指定します。
                            数値を指定すると deg 単位の値として解釈します。
@param Boolean [clock]    - 円弧の描画方向を指定します。デフォルトは true です。
                            true を指定すると時計周りに描画します。
                            false を指定すると反時計周りに描画します。
@return this              - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.arc() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.curve">uuCanvas.Layer.curve</a> - quadraticCurveTo or bezierCurveTo</dt>
  <dd><p>uuCanvas.Layer.curve(<i>a0</i>, <i>a1</i>, <i>a2</i>, <i>a3</i>, <i>a4</i>, <i>a5</i>) は、カレントコンテキストの サブパスの終点から始まる曲線(ベジェ曲線または二次曲線)をサブパスに追加し、サブパスの終点を移動します。</p>
      <p>5つ以上の引数を指定するとベジェ曲線をサブパスに追加し、4つ以下なら二次曲線をサブパスに追加します。</p>
<pre>
ベジェ曲線
@param Number a0 - 1つ目の制御点 x を指定します。
@param Number a1 - 1つ目の制御点 y を指定します。
@param Number a2 - 2つ目の制御点 x を指定します。
@param Number a3 - 2つ目の制御点 y を指定します。
@param Number a4 - サブパスの終点 x を指定します。
@param Number a5 - サブパスの終点 y を指定します。
@return this     - this を返します。
</pre>
<pre>
二次曲線
@param Number a0 - 制御点 x を指定します。
@param Number a1 - 制御点 y を指定します。
@param Number a2 - サブパスの終点 x を指定します。
@param Number a3 - サブパスの終点 y を指定します。
@return this     - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.bezierCurveTo() または CanvasRenderingContext2D.quadraticCurveTo() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.clip">uuCanvas.Layer.clip</a> - clip</dt>
  <dd><p>uuCanvas.Layer.clip() は、カレントコンテキストの サブパスを元にクリッピングパスを生成します。</p>
<pre>
@return this - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.clip() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.stroke">uuCanvas.Layer.stroke</a> - stroke</dt>
  <dd><p>uuCanvas.Layer.stroke() は、カレントコンテキストの サブパスに沿った線を描画します。
      <br />線のスタイルは、setStroke() や setLine() で指定します。
      </p>
<pre>
@return this - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.stroke() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.fill">uuCanvas.Layer.fill</a> - fill or stroke</dt>
  <dd><p>uuCanvas.Layer.fill(<i>wire</i> = false) は、カレントコンテキストの サブパスの内側を塗りつぶします。
      <br />塗りつぶすスタイルは、setFill() で指定します。
      <p><i>wire</i> が true なら <a href="#uuCanvas.Layer.stroke">stroke</a>() と同じ結果になります。</p>
<pre>
@param Boolean [wire] - サブパスに沿った線を描画する場合に true を指定します。デフォルトは false です。
                        false を指定するとサブパスの内側を塗りつぶします。
@return this          - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.fill() または CanvasRenderingContext2D.stroke() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.text">uuCanvas.Layer.text</a> - text</dt>
  <dd><p>uuCanvas.Layer.text(<i>text</i>, <i>x</i> = 0, <i>y</i> = 0, <i>wire</i> = false, <i>maxWidth</i> = undefined) は、
         カレントコンテキストに テキストを描画します。</p>
<pre>
@param String  text       - テキスト文字列を指定します。
@param Number  [x]        - 描画開始位置の x 座標を指定します。デフォルトは 0 です。
@param Number  [y]        - 描画開始位置の y 座標を指定します。デフォルトは 0 です。
@param Boolean [wire]     - フォントのアウトラインを描画する場合に true を指定します。デフォルトは false です。
                            false を指定すると塗りつぶしたテキストを描画します。
@param Number  [maxWidth] - テキストの最大長を指定します。
                            (現在のところ uupaa-excanvas.js はこの引数を無視します)
@return this              - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.fillText() または CanvasRenderingContext2D.strokeText() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.getTextSize">uuCanvas.Layer.getTextSize</a> - get text dimension</dt>
  <dd><p>uuCanvas.Layer.getTextSize(<i>text</i>) は、カレントコンテキストに テキストが描画された場合の大きさを取得します(描画はしません)。</p>
<pre>
@param String  text - テキスト文字列を指定します。
@return TextMetrics - TextMetrics( { width: 幅, height: 高さ } ) を返します。
</pre>
<p><b>IE(Silverlight, VML), Opera, Firefox3.0 の場合は height に有効な値が設定されますが、
バックエンドが CanvasRenderingContext2D の場合は undefined になります。</b>
</p>

      <p>このメソッドは CanvasRenderingContext2D.measureText() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.close">uuCanvas.Layer.close</a> - closePath</dt>
  <dd><p>uuCanvas.Layer.close(<i>x</i> = undefined, <i>y</i> = undefined) は、カレントコンテキストの サブパスを閉じ、新たなサブパスを開始します。</p>
      <p><i>x</i> または <i>y</i> のいずれかが指定された場合は、<a href="#uuCanvas.Layer.move">move</a>(<i>x</i>, <i>y</i>) を行います。
         <br />省略された引数は 0 が指定されたものとして扱います。
         両方省略した場合は move を呼び出しません。</p>
<pre>
@param Number [x] - 移動先の x 座標を指定します。デフォルトは undefined です。
@param Number [y] - 移動先の y 座標を指定します。デフォルトは undefined です。
@return this      - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.closePath(), CanvasRenderingContext2D.moveTo() 相当の機能を併せ持つコンビニエンスメソッドです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.poly">uuCanvas.Layer.poly</a> - poly line + fill</dt>
  <dd><p>uuCanvas.Layer.poly(<i>point</i>, <i>wire</i> = false) は、カレントコンテキストの サブパスの終点から <i>point</i> で指定された座標に直線を引き内部を塗りつぶします。</p>
      <p><i>point</i> には Array( [x0, y0, x1, y1, ... ] ) のように2つで一組の座標を指定します。</p>
<pre>
@param PointArray point  - 座標のペアを Array( [<i>x</i>, <i>y</i>, ...] ) の形で指定します。
@param Boolean    [wire] - サブパスに沿った線を描画する場合に true を指定します。デフォルトは false です。
                           false を指定するとサブパスの内側を塗りつぶします。
@return this             - this を返します。
</pre>
      <p>このメソッドは以下の機能を呼び出すコンビニエンスメソッドです。</p>
      <ul>
        <li>CanvasRenderingContext2D.beginPath()</li>
        <li>CanvasRenderingContext2D.moveTo()</li>
        <li>CanvasRenderingContext2D.lineTo()</li>
        <li>CanvasRenderingContext2D.fill()</li>
        <li>CanvasRenderingContext2D.stroke()</li>
        <li>CanvasRenderingContext2D.closePath()</li>
      </ul>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.box">uuCanvas.Layer.box</a> - add box path, fill inside - Box状のパスを追加し内部を塗りつぶす</dt>
  <dd><p>uuCanvas.Layer.box(<i>x</i>, <i>y</i>, <i>w</i>, <i>h</i>, <i>r</i> = 0, <i>wire</i> = false) は、
         カレントコンテキストに box 状のパスを作成し内部を塗りつぶします。</p>
      <p>角丸の box を描画できます。</p>
<pre>
@param Number x       - 始点 x を指定します。
@param Number y       - 始点 y を指定します。
@param Number w       - 幅を指定します。
@param Number h       - 高さを指定します。
@param Number [r]     - コーナーの丸み(角丸の角度)を指定します。デフォルトは 0 です。
                        0 を指定すると直角になります。
@param Boolean [wire] - サブパスに沿った線を描画する場合に true を指定します。デフォルトは false です。
                        false を指定するとサブパスの内側を塗りつぶします。
@return this          - this を返します。
</pre>
      <p>このメソッドは以下の機能を呼び出すコンビニエンスメソッドです。</p>
      <ul>
        <li>CanvasRenderingContext2D.strokeRect()</li>
        <li>CanvasRenderingContext2D.fillRect()</li>
        <li>CanvasRenderingContext2D.beginPath()</li>
        <li>CanvasRenderingContext2D.moveTo()</li>
        <li>CanvasRenderingContext2D.lineTo()</li>
        <li>CanvasRenderingContext2D.quadraticCurveTo()</li>
        <li>CanvasRenderingContext2D.fill()</li>
        <li>CanvasRenderingContext2D.closePath()</li>
      </ul>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.metabo">uuCanvas.Layer.metabo</a> - metabolic box - メタボ Box</dt>
  <dd><p>uuCanvas.Layer.metabo(<i>x</i>, <i>y</i>, <i>w</i>, <i>h</i>, <i>r</i> = 0, <i>tarun</i> = 10, <i>wire</i> = false) は、
         カレントコンテキストに box 状のパスを作成し内部を塗りつぶします。</p>
      <p>角丸の box に、たるっとした光沢を描画できます。</p>
<pre>
@param Number x       - 始点 x を指定します。
@param Number y       - 始点 y を指定します。
@param Number w       - 幅を指定します。
@param Number h       - 高さを指定します。
@param Number [r]     - コーナーの丸み(角丸の角度)を指定します。デフォルトは 0 です。
                        0 を指定すると直角になります。
@param Number [tarun] - 光沢の丸みを指定します。デフォルトは 10 です。
@param Boolean [wire] - サブパスに沿った線を描画する場合に true を指定します。デフォルトは false です。
                        false を指定するとサブパスの内側を塗りつぶします。
@return this          - this を返します。
</pre>
      <p>このメソッドは以下の機能を呼び出すコンビニエンスメソッドです。</p>
      <ul>
        <li>CanvasRenderingContext2D.strokeRect()</li>
        <li>CanvasRenderingContext2D.fillRect()</li>
        <li>CanvasRenderingContext2D.beginPath()</li>
        <li>CanvasRenderingContext2D.moveTo()</li>
        <li>CanvasRenderingContext2D.lineTo()</li>
        <li>CanvasRenderingContext2D.quadraticCurveTo()</li>
        <li>CanvasRenderingContext2D.fill()</li>
        <li>CanvasRenderingContext2D.closePath()</li>
      </ul>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.oval">uuCanvas.Layer.oval</a> - oval + fill</dt>
  <dd><p>uuCanvas.Layer.oval(<i>x</i>, <i>y</i>, <i>w</i>, <i>h</i>, <i>r</i>, <i>wire</i> = false) は、
      カレントコンテキストの サブパスの終点から <i>x</i>, <i>y</i> の位置に半径 <i>r</i> の円または楕円のサブパスを生成し内部を塗りつぶします。</p>
      <p><i>w</i> と <i>h</i> に異なる値を指定すると楕円を描画します。
         <br />(楕円の描画機能は未実装です)</p>
<pre>
@param Number x       - 円の中心 x を指定します。
@param Number y       - 円の中心 y を指定します。
@param Number w       - 幅を指定します。
@param Number h       - 高さを指定します。
@param Number r       - 半径を指定します。
@param Boolean [wire] - サブパスに沿った線を描画する場合に true を指定します。デフォルトは false です。
                        false を指定するとサブパスの内側を塗りつぶします。
@return this          - this を返します。
</pre>
      <p>このメソッドは以下の機能を呼び出すコンビニエンスメソッドです。</p>
      <ul>
        <li>CanvasRenderingContext2D.beginPath()</li>
        <li>CanvasRenderingContext2D.moveTo()</li>
        <li>CanvasRenderingContext2D.arc()</li>
        <li>CanvasRenderingContext2D.fill()</li>
        <li>CanvasRenderingContext2D.stroke()</li>
        <li>CanvasRenderingContext2D.closePath()</li>
      </ul>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.dots">uuCanvas.Layer.dots</a> - draw dot character</dt>
  <dd><p>uuCanvas.Layer.dots(<i>x</i>, <i>y</i>, <i>w</i>, <i>h</i>, <i>palette</i>, <i>data</i>, <i>index</i> = 0) は、
      カレントコンテキストの <i>x</i>, <i>y</i> の位置に 幅 <i>w</i> 高さ <i>h</i> の<a href="demo/draw_dots.html">ドットの塊</a>を描画します。</p>
      <p><i>palette</i> には 色の配列を指定し、<i>data</i> にはドットデータを指定します。</p>
<pre>
@param Number x           - 始点 x を指定します。
@param Number y           - 始点 y を指定します。
@param Number w           - アイコンの幅を指定します。
@param Number h           - アイコンの高さを指定します。
@param Hash   palette     - カラーパレットを指定します。
@param Array  data        - ドットデータを Array( [パレット番号, ... ] )で指定します。
@param Number [index]     - data の読み出し開始位置を指定します。デフォルトは 0 です。
@return this              - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.fillRect() を連続で呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.grad">uuCanvas.Layer.grad</a> - gradation</dt>
  <dd><p>uuCanvas.Layer.grad(<i>pos</i>, <i>offsetColor</i>) は、
      カレントコンテキストに 直線グラデーション または 円形グラデーションを生成し返します。</p>
      <p><i>pos</i> の要素数が 5 以上なら 円形グラデーションの指定になります。</p>
      <p><i>offsetColor</i> には オフセット値 と 色 のペアを指定します。</p>
<pre>
線形グラデーション
@param NumberArray pos              - Array( [<i>x1</i>, <i>y1</i>, <i>x2</i>, <i>y2</i>] ) を指定します。
                                      <i>x1</i>, <i>y1</i> には グラデーションの開始位置を指定します。
                                      <i>x2</i>, <i>y2</i> には グラデーションの終了位置を指定します。
@param OffsetColorArray offsetColor - オフセット値と色のペアを Array( [<i>offset</i>, <i>color</i>, ...] ) の形で指定します。
                                      <i>offset</i> には 0.0 ～ 1.0 の数値を指定します。
                                      <i>color</i> には "black" や "#000000" などの色文字列を指定します。
@return this                        - this を返します。
</pre>
<pre>
円形グラデーション
@param NumberArray pos              - Array( [<i>x1</i>, <i>y1</i>, <i>r1</i>, <i>x2</i>, <i>y2</i>, <i>r2</i>] ) を指定します。
                                      <i>x1</i>, <i>y1</i>, <i>r1</i> には 円形グラデーションの内円の中心点と半径を指定します。
                                      <i>x2</i>, <i>y2</i>, <i>r2</i> には 円形グラデーションの外円の中心点と半径を指定します。
@param OffsetColorArray offsetColor - オフセット値と色のペアを Array( [<i>offset</i>, <i>color</i>, ...] ) の形で指定します。
                                      <i>offset</i> には 0.0 ～ 1.0 の数値を指定します。
                                      <i>color</i> には "black" や "#000000" などの色文字列を指定します。
@return this                        - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.createLinearGradient() または
         CanvasRenderingContext2D.createRadialGradient() と CanvasGradient.addColorStop() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.pattern">uuCanvas.Layer.pattern</a> - pattern</dt>
  <dd><p>uuCanvas.Layer.pattern(<i>image</i>, <i>pattern</i> = "repeat") は、
      画像または他の canvas を元にカレントコンテキスト用のパターンを生成し返します。</p>
<pre>
@param HTMLImageElement   image    - 画像要素または canvas 要素を指定します。
       /HTMLCanvasElement            バックエンドが Silverlight または VML の場合は canvas 要素を指定できません。
@param String             [repeat] - タイリング方法を指定します。デフォルトは "repeat" です。
                                     "repeat" 以外の値は推奨されません(使用できません)。
@return this                       - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.createPattern() を呼び出すラッパーです。</p>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.image">uuCanvas.Layer.image</a> - image</dt>
  <dd><p>uuCanvas.Layer.image(<i>image</i>, <i>arg1</i>, <i>arg2</i>, <i>arg3</i>, <i>arg4</i>, <i>arg5</i>, <i>arg6</i>, <i>arg7</i>, <i>arg8</i>) は、
      カレントコンテキストに 画像を描画します。</p>
      <p>引数の数により、以下の4通りの方法で描画します。</p>
      <ul>
        <li>image(<i>image</i>) - <i>image</i> を canvas の原点(0,0)にそのままの大きさで描画(コピー)します。</li>
        <li>image(<i>image</i>, <i>arg1</i>, <i>arg2</i>) - <i>image</i> を dx:<i>arg1</i>, dy:<i>arg2</i> の位置にそのままの大きさで描画(コピー)します。</li>
        <li>image(<i>image</i>, <i>arg1</i>, <i>arg2</i>, <i>arg3</i>, <i>arg4</i>) - <i>image</i> を dx:<i>arg1</i>, dy:<i>arg2</i> の位置に、dw:<i>arg3</i>, dh:<i>arg4</i> の大きさに拡大/縮小した状態で描画します。</li>
        <li>image(<i>image</i>, <i>arg1</i>, <i>arg2</i>, <i>arg3</i>, <i>arg4</i>, <i>arg5</i>, <i>arg6</i>, <i>arg7</i>, <i>arg8</i>) - <i>image</i> の sx:<i>arg1</i>, sy:<i>arg2</i> から sw:<i>arg3</i>, sh:<i>arg4</i> の矩形を切り出し、dx:<i>arg5</i>, dy:<i>arg6</i>の位置に dw:<i>arg7</i>, dh:<i>arg8</i> の大きさに拡大/縮小した状態で描画します。</li>
      </ul>
<pre>
@param HTMLImageElement   image - 画像要素または canvas 要素を指定します。
       /HTMLCanvasElement
@param Number [arg1]
@param Number [arg2]
@param Number [arg3]
@param Number [arg4]
@param Number [arg5]
@param Number [arg6]
@param Number [arg7]
@param Number [arg8]
@return this         - this を返します。
</pre>
      <p>このメソッドは CanvasRenderingContext2D.drawImage() を呼び出すラッパーです。</p>
  </dd>

  <dt><a name="uuCanvas.Layer.fitimg">uuCanvas.Layer.fitimg</a> - auto-scaling image</dt>
  <dd><p>uuCanvas.Layer.image(<i>image</i>) は、画像を カレントコンテキストの キャンバスの大きさに合わせて自動的にスケーリングし、カレントコンテキストに画像を描画します。
    </p>
<pre>
@param HTMLImageElement   image - 画像要素または canvas 要素を指定します。
       /HTMLCanvasElement
@return this                    - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.grid">uuCanvas.Layer.grid</a> - draw hatch</dt>
  <dd><p>uuCanvas.Layer.grid(<i>size</i> = 10, <i>unit</i> = 5, <i>color</i> = "skyblue", <i>color2</i> = "steelblue") は、
      カレントコンテキストに <a href="demo/draw_grid.html">グリッドパターン</a>を描画します。</p>
<pre>
@param Number [size]   - グリッドの大きさを指定します。デフォルトは 10 です。
@param Number [unit]   - 区切り線を追加する間隔を指定します。デフォルトは 5 です。
@param Number [color]  - グリッドカラーを指定します。デフォルトは "skyblue" です。
@param Number [color2] - 区切り線のカラーを指定します。デフォルトは "steelblue" です。
@return this           - this を返します。
</pre>
  </dd>

<!-- -->
<dl>
  <dt><a name="uuCanvas.Layer.angleGlossy">uuCanvas.Layer.angleGlossy</a></dt>
  <dd><p>uuCanvas.Layer.angleGlossy(<i>x</i>, <i>y</i>, <i>preset</i> = "GLOSSYBLACK", <i>extend</i> = undefined) は、
      カレントコンテキストに <a href="demo/draw_glossy.htm">角度付きの光沢を持つ画像</a>を描画します。</p>
<pre>
@param Number x        - 始点 x を指定します。
@param Number y        - 始点 y を指定します。
@param String [preset] - プリセットスタイル名を文字列で指定します。デフォルトは "GLOSSYBLACK" です。
                         PresetStyle は 大文字小文字を区別しません。
@param Hash   [extend] - 拡張スタイルを Hash( { w, h, r, angle, gcolor1, gcolor2, overlayAlpha } ) で指定します。デフォルトは undefined です。
                         w には 幅 を指定します。
                         h には 高さ を指定します。
                         r には コーナーの丸み(角丸の角度)を指定します。0 を指定すると直角になります。
                         angle には 光沢の角度を -45 ～ 45 で指定します。0 を指定すると水平になります。
                         gcolor1 には 線形グラデーション開始色 を指定します。
                         gcolor2 には 線形グラデーション終了色 を指定します。
                         overlayAlpha には オーバーレイカラーの alpha 値 を指定します。
@return this           - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.metaboGlossy">uuCanvas.Layer.metaboGlossy</a></dt>
  <dd><p>uuCanvas.Layer.metaboGlossy(<i>x</i>, <i>y</i>, <i>preset</i> = "GLOSSYBLACK", <i>extend</i> = undefined) は、
      カレントコンテキストに <a href="demo/draw_glossy.htm">たるっとした光沢を持つ画像</a>を描画します。</p>
<pre>
@param Number x        - 始点 x を指定します。
@param Number y        - 始点 y を指定します。
@param String [preset] - プリセットスタイル名を文字列で指定します。デフォルトは "GLOSSYBLACK" です。
                         PresetStyle は 大文字小文字を区別しません。
@param Hash   [extend] - 拡張スタイルを Hash( { w, h, r, angle, gcolor1, gcolor2, overlayAlpha } ) で指定します。デフォルトは undefined です。
                         w には 幅 を指定します。
                         h には 高さ を指定します。
                         r には コーナーの丸み(角丸の角度)を指定します。0 を指定すると直角になります。
                         angle には 光沢の角度を -45 ～ 45 で指定します。0 を指定すると水平になります。
                         gcolor1 には 線形グラデーション開始色 を指定します。
                         gcolor2 には 線形グラデーション終了色 を指定します。
                         overlayAlpha には オーバーレイカラーの alpha 値 を指定します。
@return this           - this を返します。
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Layer.jellyBean">uuCanvas.Layer.jellyBean</a></dt>
  <dd><p>uuCanvas.Layer.jellyBean(<i>x</i>, <i>y</i>, <i>preset</i> = "GLOSSYBLACK", <i>extend</i> = undefined) は、
      カレントコンテキストに <a href="demo/draw_glossy.htm">ジェリービーンズのような画像</a>を描画します。</p>
<pre>
@param Number x        - 始点 x を指定します。
@param Number y        - 始点 y を指定します。
@param String [preset] - プリセットスタイル名を文字列で指定します。デフォルトは "GLOSSYBLACK" です。
                         PresetStyle は 大文字小文字を区別しません。
@param Hash   [extend] - 拡張スタイルを Hash( { w, h, r, angle, gcolor1, gcolor2, overlayAlpha } ) で指定します。デフォルトは undefined です。
                         w には 幅 を指定します。
                         h には 高さ を指定します。
                         r には コーナーの丸み(角丸の角度)を指定します。0 を指定すると直角になります。
                         angle には 光沢の角度を -45 ～ 45 で指定します。0 を指定すると水平になります。
                         gcolor1 には 線形グラデーション開始色 を指定します。
                         gcolor2 には 線形グラデーション終了色 を指定します。
                         overlayAlpha には オーバーレイカラーの alpha 値 を指定します。
@return this           - this を返します。
</pre>
  </dd>
</dl>






<hr />
<h2><a name="uuCanvas.Color">uuCanvas.Color</a></h2>
<p>色名辞書と簡単なフィルター機能を提供します。</p>

<hr />
<!-- -->
<dl>
  <dt><a name="uuCanvas.Color.hash">uuCanvas.Color.hash</a> - color hash</dt>
  <dd>
    <p>uuCanvas.Color.hash はカラーハッシュを提供します。</p>
    <ul>
      <li>W3C Named Color: "pink" や "skyblue" といったキーから "#ffc0cb", "#87ceeb" といった値を取得できます。</li>
      <li>ファミコンカラー: "fc00" から "fc3f" までのキーから "#7b7b7b", "#000000f" といった値を取得できます。</li>
    </ul>
<p><a href="javascript:alert(uuCanvas.Color.hash['pink']);void 0" class="run">RUN</a>
<pre class="eg">
alert(uuCanvas.Color.hash["pink"]); <u>// "#ffc0cb"</u>
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Color.hex">uuCanvas.Color.hex</a> - return Hex Color String( "#ffffff" )</dt>
  <dd><p>uuCanvas.Color.hex(<i>rgba</i>) は、RGBAHash を HexColorStringに変換し返します。</p>
<pre>
@param RGBAHash rgba   - RGBAHash( { r, g, b, a } )を指定します。
@return HexColorString - HexColorString( "#ffffff" )を返します。
</pre>
<p><a href="javascript:alert(uuCanvas.Color.hex({r:255,g:255,b:255,a:1}));void 0" class="run">RUN</a>
<pre class="eg">
alert(uuCanvas.Color.hex({r:255,g:255,b:255,a:1})); <u>// "#ffffff"</u>
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Color.rgba">uuCanvas.Color.rgba</a> - return RGBA Color String( "rgba(0,0,0,0)" )</dt>
  <dd><p>uuCanvas.Color.rgba(<i>rgba</i>) は、RGBAHash を RGBA色文字列に変換し返します。</p>
<pre>
@param RGBAHash rgba    - RGBAHash( { r, g, b, a } )を指定します。
@return RGBAColorString - RGBAColorString( "rgba(0,0,0,0)" )を返します。
</pre>
<p><a href="javascript:alert(uuCanvas.Color.rgba({r:255,g:255,b:255,a:1}));void 0" class="run">RUN</a>
<pre class="eg">
alert(uuCanvas.Color.rgba({r:255,g:255,b:255,a:1})); <u>// "rgba(255,255,255,1)"</u>
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Color.arrange">uuCanvas.Color.arrange</a> - arrangemented color(Hue, Saturation and Value)
      - 色相(H), 彩度(S), 明度(V)をアレンジする</dt>
  <dd><p>uuCanvas.Color.arrange(<i>rgba</i>, <i>h</i> = 0, <i>s</i> = 0, <i>v</i> = 0) は、
         RGBAHash を Hue(色相), Saturation(彩度), Value(明度:brightness)でアレンジした RGBAHash を返します。</p>
      <p>値は相対値で指定します。
      <br /><i>h</i> は、0～360までの色空間を持っており、360と0は連続した色空間として扱われます。
         <br /><i>s</i> と <i>v</i> は連続した空間ではなく、
         0～100 に収まらない値は、0～100に丸められます。</p>
<pre>
@param RGBAHash rgba - RGBAHash( { r, g, b, a } )を指定します。
@param Number   [h]  - Hueの増減値(-360～0～360)を指定します。省略可能です。
                       計算結果が0～360を超えた場合は、0～360の値に収まるように補正します。
@param Number   [s]  - Saturationの増減値(-100～0～100)を指定します。省略可能です。
                       計算結果が0以下なら0に、100を超えた場合は100に補正します。
@param Number   [v]  - Valueの増減値(-100～0～100)を指定します。省略可能です。
                       計算結果が0以下なら0に、100を超えた場合は100に補正します。
@return RGBAHash     - RGBAHash( { r,g,b,a } ) を返します。
</pre>
<p><a href="javascript:alert(uuCanvas.Color.rgba(uuCanvas.Color.arrange({r:100,g:0,b:0,a:1}, 20, 20, 20)));void 0" class="run">RUN</a>
<pre class="eg">
alert(uuCanvas.Color.rgba(uuCanvas.Color.arrange({r:100,g:0,b:0,a:1}, 20, 20, 20))); <u>// "rgba(150,50,0,1)"</u>
</pre>
  </dd>
<!-- -->
  <dt><a name="uuCanvas.Color.parse">uuCanvas.Color.parse</a> - parse color</dt>
  <dd><p>uuCanvas.Color.parse(<i>color</i>) は、色文字列(<i>color</i>) を HexColorString と alpha 値に分解し、配列を返します。</p>
<pre>
@param RGBAColorString      color - 色文字列を指定します。
       /HexColorString
       /W3CNamedColorString
@return Array - [HexColorString, alpha] を返します。alpha は 0.0 ～ 1.0 までの数値です。
</pre>
<p><a href="javascript:alert(uuCanvas.Color.parse('rgba(99.8%, 12.3%, 233, 0.2)')[0]);void 0" class="run">RUN</a>
<pre class="eg">
alert(uuCanvas.Color.parse("rgba(99.8%, 12.3%, 233, 0.2)")[0]); <u>// "#fe1fe9"</u>
</pre>
  </dd>

<!-- -->
  <dt><a name="uuCanvas.Color.hex2rgba">uuCanvas.Color.hex2rgba</a> - convert Hex Color String( "#ffffff" ) to RGBAHash</dt>
  <dd><p>uuCanvas.Color.hex2rgba(<i>hex</i>) は、HexColorString を RGBAHash に変換します。</p>
<pre>
@param HexColorString hex - HexColorString( "#ffffff" )を指定します。
@return RGBAHash - RGBAHash( { r,g,b,a } ) を返します。
</pre>
  </dd>











</dl>

<!-- dummy -->
<div id="view"></div>

</body>
</html>
